<template>
    <div class="cardCollecting">
        <h1>我的卡池</h1>
        <div class="cardCollectingdetail">
             <div class="img" v-for="(item,index) in url" :key="index"  :id="mengcheng[index]!=true?'tuoming':''" >
             <el-image
                style="width: 200px; height: 250px;"
                :src="item" 
                :preview-src-list="srcList[index]"
               
            >
            </el-image>
        </div>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return {
            url:[
                require("@/assets/kcsc/WonYoung_1.jpg"),
                require("../../assets/kcsc/SaKuRa_2.jpg"),
                require("../../assets/kcsc/YuRi_3.jpg"),
                require("../../assets/kcsc/YeNa_4.jpg"),
                require("../../assets/kcsc/YuJin_5.jpg"),
                require("../../assets/kcsc/NaKo_6.jpg"),
                require("../../assets/kcsc/EnBi_7.jpg"),
                require("../../assets/kcsc/HerWon_8.jpg"),
                require("../../assets/kcsc/HiToMi_9.jpg"),
                require("../../assets/kcsc/CheaWon_10.jpg"),
                require("../../assets/kcsc/MinJu_11.jpg"),
                require("../../assets/kcsc/ChaEweon_12.jpg"),
            ],
            srcList: [
               [ require("@/assets/kcsc/WonYoung_1.jpg")],
               [require("../../assets/kcsc/SaKuRa_2.jpg")],
               [require("../../assets/kcsc/YuRi_3.jpg")],
               [require("../../assets/kcsc/YeNa_4.jpg")],
               [require("../../assets/kcsc/YuJin_5.jpg")],
               [require("../../assets/kcsc/NaKo_6.jpg")],
               [require("../../assets/kcsc/EnBi_7.jpg")],
               [require("../../assets/kcsc/HerWon_8.jpg")],
               [require("../../assets/kcsc/HiToMi_9.jpg")],
               [require("../../assets/kcsc/CheaWon_10.jpg")],
               [require("../../assets/kcsc/MinJu_11.jpg")],
               [ require("../../assets/kcsc/ChaEweon_12.jpg")],
            ],
            mengcheng:[true,false,true,true,false,false,true,false,true,false,true,true]
        }
    }
}
</script>
<style >
@import url("./css.less");

</style>
